@charset "utf-8";


/*block*/
.title{ padding: 20px 0 0 20px;}
.title h1{ float: left; font-size:24px; color: #381d16;}
.title h4{ width: 98px; line-height: 28px; float: right; font-size:12px; border-bottom: 1px solid #ccc;}
.title h4 a{ color: #999;}
.title h4 a:hover{ color: #381d16;}
.title h5{ line-height: 48px; float: left; font-size:12px; color: #999; font-family:"Times New Roman"}

.title1{ float: left; width: 1200px; margin: 30px auto 0; text-align:center; color:#d6d20d; z-index: 40;}
.title1 h1{ font-size: 24px;}
.title1 h5{ font-size: 12px; color: #999; line-height: 10px; font-family:"Times New Roman"}


body{ background: url(../images/index_img/bg1.jpg) no-repeat #381d16;}

/*导航*/
.header_box{ position: relative; top:0; width: 100%; min-width: 1200px; height:auto; clear:both; z-index: 99;}
  .logo{ text-align: center; margin: 34px 0 10px;}
  .logo img{ text-align: center; width: 901px;}
  .nav{ height: 73px; text-align: center; margin: 0 auto; background:url(../images/index_img/nav_bg.png) no-repeat center ;}
  .nav ul{ width: 1200px; height: 73px; line-height: 56px; text-align: center; margin: 0 auto;}
  .nav li{ float: left; width: 150px;}
  .nav li a{ color:#f5f3d5; font-size: 14px;}
  .nav li a:hover{ border-bottom: 1px solid #f5f3d5;}

/*内容*/
.container_box{ position: relative; top: -40px; left: 50%; margin-left: -960px; width:1920px; min-width: 1200px; height:auto; clear:both; overflow: hidden;}
  /*banner*/
  .slider-outer{ width: 100%; height: 600px; margin: 0 auto; overflow:hidden; position: relative; z-index: 1; border-top: 3px solid #d6d20d; border-bottom: 3px solid #d6d20d;}
  .banner_main{ height:600px; margin: 0 auto;}
  .banner_main img{ display:block; height:500px; float:left;}
    .img-item{
      position: absolute;
      width: 384px;
      height: 100%;
      transition: all 1.5s;
      /*设置子元素在3D空间中呈现*/
      transform-style: preserve-3d;
    }
    /*让图片可以构成一个有四个面的长方体 start*/
    .img{
      width: 100%;
      height: 100%;
      position: absolute;
      background-size: cover;
    }
    .img:nth-child(1){
      background: url(../images/index_img/banner1.jpg) no-repeat;
      transform: rotateX(0deg) translateZ(300px);
    }
    .img:nth-child(2){
      background: url(../images/index_img/banner2.jpg) no-repeat;
      transform: rotateX(-90deg) translateZ(300px);
    }
    .img:nth-child(3){
      background: url(../images/index_img/banner3.jpg) no-repeat;
      transform: rotateX(-180deg) translateZ(300px);
    }
    .img:nth-child(4){
      background: url(../images/index_img/banner1.jpg) no-repeat;
      transform: rotateX(-270deg) translateZ(300px);
    }
    /*让图片可以构成一个有四个面的长方体 end*/
    .btns{ width: 1200px; height:50px; padding-top:460px; position:relative; margin:0 auto;z-index:1;}
    .prev{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:-100px; background:none; top:20px; }
    .next{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:-100px; background:none; top:20px; }
    .prev em{ display:block; width:76px; height:148px; background:url(../images/index_img/bannerLeft1.png) no-repeat; margin:0 auto; margin-top:170px;}
    .next em{ display:block; width:76px; height:148px; background:url(../images/index_img/bannerRight1.png) no-repeat; margin:0 auto; margin-top:170px;}
    .prev em:hover{ background:url(../images/index_img/bannerLeft.png);cursor :pointer;}
    .next em:hover{ background:url(../images/index_img/bannerRight.png);cursor :pointer;}

  /*about*/
  .content_box{ width:100%; overflow: hidden;}
  .content_main{ position: relative; margin: 0 auto 30px; width: 1200px; height: 380px;}
  .content_main .news{ float: left; width: 488px; height: 380px; background: #fff; border:1px solid #ccc; margin-right: 20px;}
  .news_main{ width: 100%;}
  .news_main ul{ padding: 20px;}
  .news_main li a{ display: block; float: left; padding-bottom: 10px;}
  .news_main li img{ width: 180px; height: 136px; float: left; padding-right: 20px;}
  .news_main span{ display: block; width: 450px;}
  .news_main li span h2{ font-size: 16px; height: 30px; overflow: hidden;}
  .news_main li span h5{ font-size: 12px; color: #999; font-weight:100; margin-top: 10px;}
  .news_main li span p{ width: 248px; height: 62px; overflow: hidden; margin-top: 10px; display: block; font-size: 12px; color: #666;}
  .news_main li em{ width: 430px; line-height: 40px; float: left; border-bottom: 1px dashed #ccc;}
  .news_main li em h3{ float: left; font-size: 14px; color: #666;}
  .news_main li em h5{ float: right; font-size: 12px; color: #999; font-weight:100;}

  .content_main .about{ position: relative; float: left; width: 690px; height: 340px;}
  .content_main .about img{ float: left; width: 300px; height: 380px;}  
  .content_main .about_main{ position: absolute; left: 230px; top: 40px; float: left; width: 460px; height: 300px; background: #fff; border:1px solid #ccc;}
  .about_main p{ position: absolute; top: 70px; height:200px; line-height: 30px; padding: 0 20px; overflow-x: hidden;}

  /*contact*/
  .contact_box{ width:100%; overflow: hidden;}
  .contact_main{ position: relative; margin: 0 auto; width: 1200px; height: 301px; border: 1px solid #ccc;}
  .contact_box2{ width:100%; overflow: hidden;}
  .contact_main2{ position: relative; margin: 0 auto; width: 1200px; height: 220px;}
  .contact_main2 ul{ position: absolute; top: 100px;}
  .contact_main2 li{ float: left; width: 399px; text-align: center; border-right: 1px solid #ccc;}
  .contact_main2 li i{ width: 70px; height: 70px; border-radius: 50%; display: block; margin: 15px auto; border: 1px solid #fff;}
  .contact_main2 li h4{ color: #d6d20d;}


/*footer*/
.footer_box{ position: relative; width:100%; min-width: 1200px; height: 200px; background-color: #381c17; border-top: 3px solid #d6d20d; overflow: hidden;}
.link_box{ margin: 0 auto; padding-left: 15px; width: 1200px; height: 66px; line-height: 66px; overflow: hidden; border-bottom: 1px solid #583b36;}
.link_box strong{height: 28px; border-right: 1px solid #999; color:#d6d20d; }
.link_box a{ color: #bfbfbf;}
.link_box a:hover{ color: #f5f3d5;}
.copyright_box{ top: 0; margin: 0 auto; width: 1200px; height: 136px; text-align: center; line-height: 32px; font-size: 12px;}
.copyright_box p{ line-height: 20px;}
.copyright_box .copyright_main{ float: left; width: 1200px; margin-top: 10px;}
.copyright_main a{ color: #d6d20d;}
.copyright_main a:hover{ color: #f5f3d5;}
.copyright_main i{ display: block; width: 620px; height: 1px; margin: 0 auto 20px; background-color: #583b36;}